<template>
  <div class="detail">
    <LhzTabBtn ref="lhzTabBtn" @changeTab="changeTab"></LhzTabBtn>
    <LhzTabContent ref="lhzTabContent" :tabIndex="index"></LhzTabContent>
  </div>
</template>

<script>
import LhzTabBtn from "@/components/chap05/LhzTabBtn";
import LhzTabContent from "@/components/chap05/LhzTabContent";
export default {
  name: "LhzTab",
  data() {
    return {
      index: 0
    }
  },
  components:{
    LhzTabBtn,LhzTabContent
  },
  methods:{
    changeTab(index){
      this.index = index;
    }
  }
}
</script>

<style scoped>
.detail {
  position: relative;
}
</style>